<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type='text/javascript' src='../vue.js'></script>
    
</head>
<body>
    <div id="root1">
       <h2>单向数据绑定</h2> 
       <input type="text" :value=text2></input> 
       <h2>双向数据绑定</h2> 
       <input type="text" v-model:value=text2></input> 
    </div>
   
    <script type='text/javascript'>

        let age = 18
        let preson = {
            name: "akk"
        }
        Object.defineProperty(preson,'age',{

            get(){
                return age
            },
            set(v){
                age = v
            }
        
        })

        // delete(preson.age)
        delete preson.age
        new Vue({
            el:"#root1",

            data() {
                return {
                    
                }
            },
            data: {
               text2: '中电数通'
            }
        })
      
    </script>
    
</body>
</html>